/*
* @Author: chenqian
* @Date:   2017-12-02 19:54:09
* @Last Modified by:   Leo
* @Last Modified time: 2017-12-03 23:28:20
*/
html,body,div,a,span,h1,h2,h3,h4,h5,h6,img,i,input,button,form,textarea,p,textarea,video{margin: 0;padding: 0;outline: 0;box-sizing: border-box;}
body,html{
	width: 100%;
	height: 100%;
}
.content{
	height: 100%;
	display: flex;
	flex-direction:column;
}
/*头部*/
.content .header{
	flex-flow:0;
	flex-shkrin:0;
	flex-basis: 50px;
	background-color: #fff;
	text-align: center;
	position: relative;
}
.header p{
	display: inline-block;
	font-size: 18px;
	line-height: 50px;
}
.header p:nth-of-type(2){
	margin:0 100px;
}
.header .span{
	position: absolute;
	right: 10px;
	top: 6px;
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: red;
}
/*中部*/
.content .bodyer{
	flex-flow:1;
	flex-shkrin:1;
	flex-basis:100%;
	overflow: auto;
	background-color: #eee;
}
.bodyer::-webkit-scrollbar {
	width: 3px;
	background-color: transparent;
}
.bodyer::-webkit-scrollbar-thumb {
	width: 3px;
	background-color: #eee;
}
.bodyer .bd_one{
	width: 100%;
	height: 160px;
	// background-color: #eee;
	padding:15px 0;
}
.bodyer .bd_one .one_top{
	width: 100%;
	height: 80px;
	border-bottom: 1px solid #e4e1e1;
	background-color: #fff;
}
.bodyer .bd_one .one_top .top_left{
	width: 19%;
	height: 80px;
	text-align: center;
	float: left;
}
.bodyer .bd_one .one_top .top_left .img{
	display: inline-block;
	line-height: 50px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	margin-top:13px;
}
.bodyer .bd_one .one_top .top_left .img img{
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.bodyer .bd_one .one_top .top_right{
	width: 81%;
	height: 80px;
	float: left;
}
.bodyer .bd_one .one_top .top_right p:nth-of-type(1){
	line-height: 30px;
	padding-top: 10px;
}
.bodyer .bd_one .one_top .top_right p:nth-of-type(2){
	font-size: 14px;
	color: #999;
}
.bd_one .one_top .top_right{
	position: relative;
}
.bd_one .one_top .top_right .huiyuan{
	position: absolute;
	right: 20px;
	top: 22px;
}
.bd_one .one_top .top_right .huiyuan i{
	font-size: 30px;
}
.bd_one .one_top .top_right .huiyuan span{
	line-height: 40px;
	font-size: 14px;
	display: inline-block;
	color: #ff5722;
}
.bd_one .one_top .top_right .hui{
	display: inline-block;
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: red;
	right: 10px;
	top: 40px;
}
.bd_one .one_bottom{
	width: 100%;
	height: 50px;
	background-color: #fff;
	text-align: center;
}
.bd_one .one_bottom div{
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
}
.bd_one .one_bottom div:nth-of-type(2){
	margin:4px 80px 0 80px;
}
.bd_one .one_bottom p{
	line-height: 20px;
}
.bd_one .one_bottom .p{
	color: #999;
	font-size: 14px;
}

/*签到*/
.sign{
	width: 100%;
	height: 45px;
	background-color: #fff;
}
.sign .sign_left{
	width: 15%;
	height: 45px;
	float: left;
	text-align: center;
}
.sign_left .sign_one,.sign_two,.sign_three,.sign_four,.sign_five,.sign_six,.sign_seven,.sign_eight,.sign_nine,.sign_ten,.sign_eleven{
	width: 30px;
	height: 30px;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	color: #fff;
	margin-top: 6px;
	font-size: 18px;
}
/*左边背景颜色*/
.sign .sign_left .sign_one{
	background-color: #f95448;
}
.sign .sign_left .sign_two{
	background-color: #ff9800;
}
.sign .sign_left .sign_three{
	background-color: #2196F3;
}
.sign .sign_left .sign_four{
	background-color: #27ab2c;
}
.sign .sign_left .sign_five{
	background-color: #ff9800;
}
.sign .sign_left .sign_six{
	background-color: #f95448;
}
.sign .sign_left .sign_seven{
	background-color: #f95448;
}
.sign .sign_left .sign_eight{
	background-color: #f95448;
}
.sign .sign_left .sign_nine{
	background-color: #ff9800;
}
.sign .sign_left .sign_ten{
	background-color: #2196F3;
}
.sign .sign_left .sign_eleven{
	background-color: #2196F3;
}
.sign .sign_right{
	width: 85%;
	height: 45px;
	float: left;
	position: relative;
}
.sign .sign_right .p{
	display: inline-block;
	line-height: 45px;
}
.sign .sign_right .span{
	display: inline-block;
	line-height: 30px;
	font-size: 12px;
	color: #999;
	padding-left: 6px;
}
.sign .sign_right .span_one{
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 20px;
	color: #999;
}
.photo{
	width: 100%;
	height: 165px;
	// background-color: #eee;
	padding: 15px 0;
}
.border_bottom{
	border-bottom: 1px solid #e4e1e1;
}
.bd_bottom{
	width: 100%;
	height: 75px;
	// background-color: #eee;
	padding: 15px 0;
}
.list{
	margin-bottom: 15px;
}
/*底部*/
.footer {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 50px;
	background-color: #fff;
} 
.footer a {
	text-decoration: none;
	display: block;
	float: left;
	width: 20%;
	height: 50px;
	text-align: center;
	padding: 10px 0;
}
.footer a p {
	font-size: 13px;
	color: #666;
}
.footer a img {
	width: 20px;
}
.footer a i{
	width: 23px;
	height: 23px;
	font-size: 20px;
}
.footer a:nth-of-type(3) {
	background-color: orangered;
	padding: 12px 0;
	margin: 5px 0;
	border-radius: 3px;
}
.footer a:nth-of-type(4) img {
	width: 19px;
	height: 19px;
}